<template>
  <div class="pos">
    <div class="abs img-box">
      <img class="img-center" :src="equip.头部" />
    </div>
    <div class="abs img-box">
      <img class="img-center" :src="equip.躯干" />
    </div>
    <div class="abs img-box">
      <img class="img-center" :src="equip.手部" />
    </div>
    <div class="abs img-box">
      <img class="img-center" :src="equip.脚部" />
    </div>
    <div class="abs img-box">
      <img class="img-center" :src="equip.右手" />
    </div>
    <div class="abs img-box">
      <img class="img-center" :src="equip.左手" />
    </div>
    <div class="abs img-box">
      <img class="img-center" :src="equip.腰带" />
    </div>
    <div class="abs img-box">
      <img class="img-center" :src="equip.戒指" />
    </div>
    <div class="abs img-box">
      <img class="img-center" :src="equip.项链" />
    </div>
  </div>
</template>
<script>
import { bus } from '@/main.js';
import { mapState, mapMutations } from 'vuex';
export default {
  name: 'name',
  mixins: [], //混入
  components: {}, //组件
  props: {}, //集成属性
  data() {
    return {};
  },
  computed: {
    ...mapState(['playerSet']),
    equip: (state) => {
      return state.playerSet.equip;
    },
  },
  methods: {
    ...mapMutations(['playerSet']),
    test: function() {
      console.log('test');
    },
  },
};
</script>
<style lang="less" scoped></style>
